@import "base.less";
@import "iconfont.less";
@import "../ui/theme/standard/Main.less";
@import "list.less";
@import "form.less";

// biz
@import "../biz/experience/css/list.less";
@import "../biz/experience/css/form.less";
@import "../biz/fresh/css/form.less";
@import "../biz/foodCoupon/css/form.less";
@import "../biz/surpriseDashboard/css/form.less";

.loading {
    text-align: center;
    font-size: 30px;
    margin-top: 100px;
}

.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 200px;
    height: 100%;
    background: #34495e;

    .user {
        width: 200px;
        height: 90px;
        color: #FFF;
        background: #f5a925;
        display: table-cell;
        vertical-align: middle;
        text-align: center;

        a {
            color: #FFF;
        }
    }

    .nav {
        width: 100%;
        padding-top: 1em;

        .ui-tab-vertical {
            border-right: none;
            width: 100%;
        }

        .ui-tab-item {
            background: none;
            border-radius: 0;
            border: none;
            margin-bottom: 0;
            margin-right: 0;
            text-align: left;
            padding-left: 2em;
            color: #95a5a6;

            a {
                color: #95a5a6;
                text-decoration: none;
                margin-left: 0.5em;
                outline: none;
                display: inline-block;
            }
        }

        .ui-tab-item-active {
            color: #FFF;
            background: #243342;

            a {
                color: #FFF;
            }
        }
    }
}

.content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 200px;
    right: 0;

    .header {
        height: 90px;
        margin: 0 auto;
        text-align: center;
        border-bottom: 1px solid #e1e2e4;

        .logo {
            display: inline-block;
            margin-top: 23px;
        }

        img {
            width: 100%;
        }
    }

    .crumb {
        height: 70px;
        background: #fbfcfe;

        .title {
            color: #2ecc71;
            font-weight: bold;
            font-size: 16px;
            display: inline-block;
            margin-top: 24px;
            margin-left: 30px;
        }

        .ui-button-create {
            float: right;
            margin-top: 16px;
            color: #2ecc71;
            margin-right: 18px;
        }
    }
}

.main {
    background: #ecf0f1;
    font-size: 14px;
}

.container {
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 10px 15px;
    border: 1px solid #e1e3e6;
    min-height: 400px;

    .ui-table {
        .border-radius(6px);
    }
}

#editor {
    line-height: 1.4em;
}
